Adwaita: selection mode buttons to have borders and fill
authorJakub Steiner <jimmac@gmail.com>
Tue, 17 Jun 2014 13:55:58 +0000 (15:55 +0200)
committerJakub Steiner <jimmac@gmail.com>
Tue, 17 Jun 2014 13:55:58 +0000 (15:55 +0200)
gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/_drawing.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index 63bfb2b856c43f6b33b089d92ad96aa776171a1b..4b308a1e374c39764ad2f4bfbe5e4ab3f308b342 100644 (file)
         @include button(active,$b_color, white);
       }
       &:backdrop {
-        @include button(backdrop,$b_color);
+        @include button(backdrop,$b_color,white);
         &:insensitive {
           @include button(backdrop-insensitive);
         }
@@ -631,7 +631,10 @@ GtkComboBox {
       &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); }
       &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); }
       &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); }
-      &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); }
+      &:backdrop { 
+        @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge);
+        border-color: darken($selected_bg_color, 15%);
+      }
       &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); }
       &.suggested-action {
         @include button($t:normal, $noedge:true);
index 1a55b7fc533940f199a941bde20ff414c2bfe52c..a532051f2f58d21030486c7d0ea4a4aafb2f1530 100644 (file)
@@ -238,7 +238,7 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
   //
   // backdrop button
   //
-    color: if($c!=$bg_color, $backdrop_bg_color, $backdrop_fg_color);
+    color: if($c!=$bg_color, $tc, $backdrop_fg_color);
     border-color: if($c!=$bg_color, $c, $backdrop_borders_color);
     background-image: linear-gradient(to bottom,
                                       if($c!=bg_color,$c,$backdrop_bg_color));
index 2a7614e0cb91a5cd929a2eb58f0be85c51b2ab03..51936aa0ff7c110b17f214f880585dcf4737ede6 100644 (file)
     .button.suggested-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #393f3f;
+      color: white;
       border-color: #215d9c;
       background-image: linear-gradient(to bottom, #215d9c);
       text-shadow: none;
     .button.destructive-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #393f3f;
+      color: white;
       border-color: #d51010;
       background-image: linear-gradient(to bottom, #d51010);
       text-shadow: none;
@@ -763,12 +763,13 @@ GtkComboBox {
       .header-bar.selection-mode .button:backdrop {
         border-width: 1px;
         border-style: solid;
-        color: #393f3f;
+        color: white;
         border-color: #215d9c;
         background-image: linear-gradient(to bottom, #215d9c);
         text-shadow: none;
         icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+        border-color: #14375d; }
       .titlebar.selection-mode .button:backdrop:insensitive,
       .header-bar.selection-mode .button:backdrop:insensitive {
         border-width: 1px;
@@ -2297,7 +2298,7 @@ GtkInfoBar {
     .error .button:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #393f3f;
+      color: white;
       border-color: #215d9c;
       background-image: linear-gradient(to bottom, #215d9c);
       text-shadow: none;
index 570ed081d82eb919f13f96c54e53ca845bdad4d1..fe83d3eff788bc9c0f31127bee19bdb7cfbad748 100644 (file)
     .button.suggested-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #ededed;
+      color: white;
       border-color: #4a90d9;
       background-image: linear-gradient(to bottom, #4a90d9);
       text-shadow: none;
     .button.destructive-action:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #ededed;
+      color: white;
       border-color: #ef2929;
       background-image: linear-gradient(to bottom, #ef2929);
       text-shadow: none;
@@ -763,12 +763,13 @@ GtkComboBox {
       .header-bar.selection-mode .button:backdrop {
         border-width: 1px;
         border-style: solid;
-        color: #ededed;
+        color: white;
         border-color: #4a90d9;
         background-image: linear-gradient(to bottom, #4a90d9);
         text-shadow: none;
         icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+        border-color: #256ab1; }
       .titlebar.selection-mode .button:backdrop:insensitive,
       .header-bar.selection-mode .button:backdrop:insensitive {
         border-width: 1px;
@@ -2295,7 +2296,7 @@ GtkInfoBar {
     .error .button:backdrop {
       border-width: 1px;
       border-style: solid;
-      color: #ededed;
+      color: white;
       border-color: #4a90d9;
       background-image: linear-gradient(to bottom, #4a90d9);
       text-shadow: none;